<ion-header  class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back"  ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>银行卡添加</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="page-bankadd">
  <ion-list>
    <ion-item>
      <ion-label>姓名</ion-label>
      <ion-input [(ngModel)]="username" placeholder="请输入真实姓名"></ion-input>
    </ion-item>
    <ion-list-header style="font-size: 17px;">银行卡归属地</ion-list-header>
    <div class="select-section">
      <div class="select-s">
    <ion-item lines="none">
      <ion-label style="display: flex;align-items: center;">请选择省份 <ion-icon class="iconfont ion-ios-xia" style="font-size: 20px; color: #cacaca;"></ion-icon></ion-label>   
      <ion-select  (ionChange)="provinceChange()" [(ngModel)]="province" okText="确定" cancelText="取消">
        <ion-select-option *ngFor="let item of provinceList; let i=index;" value="{{item.code}}@{{i}}">{{item.cn}}
        </ion-select-option>
      </ion-select>
    </ion-item>
    <ion-item lines="none">
      <ion-label style="display: flex;align-items: center;">请选择城市<ion-icon class="iconfont ion-ios-xia" style="font-size: 20px; color: #cacaca;"></ion-icon></ion-label>
      <ion-select   [(ngModel)]="city" okText="确定" cancelText="取消">
        <ion-select-option *ngFor="let item of cityList" value="{{item.code}}">{{item.cn}}</ion-select-option>
      </ion-select>
    </ion-item>
    <ion-item lines="none">
        <ion-label style="display: flex;align-items: center;">请选择银行卡<ion-icon class="iconfont ion-ios-xia" style="font-size: 20px; color: #cacaca;"></ion-icon></ion-label>
        <ion-select   [(ngModel)]="bankCode" okText="确定" cancelText="取消">
          <ion-select-option  value="ICBC">中国工商银行</ion-select-option>
          <ion-select-option  value="ABC">中国农业银行</ion-select-option>
          <ion-select-option  value="BCM">交通银行</ion-select-option>
          <ion-select-option  value="CCB">中国建设银行</ion-select-option>
          <ion-select-option  value="CEB">光大银行</ion-select-option>
          <ion-select-option  value="CMB">招商银行</ion-select-option>
          <ion-select-option  value="BOC">中国银行</ion-select-option>
          <ion-select-option  value="CMBC">中国民生银行</ion-select-option>
          <ion-select-option  value="CIB">兴业银行</ion-select-option>
          <ion-select-option  value="GDB">广东发展银行</ion-select-option>
          <ion-select-option  value="PSBC">邮政储蓄银行</ion-select-option>
          <ion-select-option  value="CNCB">中信银行</ion-select-option>
          <ion-select-option  value="SPDB">浦发银行</ion-select-option>
          <ion-select-option  value="PAB">平安银行</ion-select-option>
          <ion-select-option  value="HXB">华夏银行</ion-select-option>
          <ion-select-option  value="ADBC">农业发展银行</ion-select-option>
          <ion-select-option  value="RCC">农村信用社</ion-select-option>
          <ion-select-option  value="CB">商业银行</ion-select-option>
        </ion-select>
      </ion-item>
    </div>
  </div>
    <ion-item>
      <ion-label>银行卡号</ion-label>
      <ion-input  [(ngModel)]="bankNo" type="text" inputmode="numeric" placeholder="请输入银行卡号"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>确认卡号</ion-label>
      <ion-input  [(ngModel)]="bankNoRe" type="text" inputmode="numeric" placeholder="请输入确认卡号"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>开户网点</ion-label>
      <ion-input [(ngModel)]="bankPosition" placeholder="请输入开户网点"></ion-input>
    </ion-item>
  </ion-list>
  <ion-button expand="block" class="submit-btn" (click)="submitBtn()">确定</ion-button>
  <div class="tip-msg">
    <span style="color: #ef4265;">*特别提示：</span><span>为了您的账户安全及存取款到账时间，请您务必填写真实银行卡及对应姓名，否则一切后果本公司概不负责</span>
  </div>
</ion-content>
<app-tab-self></app-tab-self>
